
<template>
	<view class="all">
		<view class="search-info" v-if="isSearch">
			<view style="padding-top: 100upx; display: flex;">
				<view style="width: 92%;">
					<searchbar :focus="isFocus" :placeholder="'景区/酒店/美食/关键词'" @confirm="onSearchConfirm"></searchbar>
				</view>
				<view @click="onSearchShow()" style="width: 8%; display: flex;justify-content: center;align-items: center;color: #999999;margin-right: 24upx;">
					<text style="font-size: 28upx;" class="">取消</text>
				</view>
			</view>
			<view class="search-list">
				<block v-for="(items,index) in search_list" :key="index">
					<view class="scenic-info" v-if="items.list.length > 0">
						<view class="title">
							<text style="font-size: 28upx;font-weight: bold;">{{items.type}}</text>
						</view>
						<block v-for="(item,indexs) in items.list" :key="indexs">
							<view class="item-info" @click='goDetail(items,item.id)'>
								<view class="scenic-left">
									<image :src='item.listImage' style="border-radius: 10upx;"></image>
								</view>
								<view class="scenic-right">
									<view class="name" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">
										<text>{{item.title}}</text>
									</view>

									<view class="comment-nums">
										<view style="color: #aaa;">
											<text>{{item.readCount || 0}}人浏览</text>
										</view>
										<view class="price-info">

										</view>
									</view>
								</view>
							</view>
						</block>
					</view>
				</block>
				<!-- <view v-if="items.list.length < 1">zhaobudao</view> -->
			</view>
		</view>
		<view class="home-new" v-if="!isSearch">
			<view class="head">
				<view class="head-list">
					<block v-for="(item,index) in tebTitle" :key="index">
						<view :class=" [index == indexs ? 'title-texts' : 'title-text1']" @click="clickFontSize(index)">
							<text>{{item.title}}</text>
						</view>
					</block>
				</view>
				<view class="search-icon" @click="onSearchShow">
					<text class="iconfont icon-sousuo"></text>
				</view>
			</view>
			<view class="teb">
				<swiper indicator-active-color="rgba(0,0,0,0)" indicator-color="rgba(0,0,0,0)" :disable-touch="true" style="height: 100%;z-index: 999;"
				 :indicator-dots="indicatorDots" @change='changeFontSize' :current='indexs'>
					<!--目的地-->

					<swiper-item>
						<scroll-view :scroll-y="true" style="height:100%" upper-threshold="0" lower-threshold="0">
							<view id="tower-swiper" @touchmove.prevent.stop style="width:100%;height:620upx;margin-top: 31upx;">
								<tower-swiper @touchstart="handleTouch" style="z-index: 999999;" :swiperList="jisandi" :iWidth="478" :padding="0"
								 v-slot:default="{ item }" @click.prevent.stop @touchend="swiperChange">
									<view class="jingxuan-view">
										<!-- slot-scope="props" -->
										<view class="jingxuan-item">
											<view class="i-jingxuan-box">
												<image class="i-jingxuan-item" :src="item.otherImage"></image>
											</view>
											<!-- <view class="left-button">
												<text class="iconfont icon-left-circle-fill"></text>
											</view>
											<view class="right-button">
												<text class="iconfont icon-right-circle-fill"></text>
											</view> -->
										</view>
									</view>
								</tower-swiper>
							</view>
							<view class="dtination-title-icon">
								<view class="title-icon-box">
									<view class="icon-box" @click="goToAdmissionlist()">
										<view>
											<text style="font-size: 40upx;margin-right: 10upx;color: #0092ff;" class="iconfont icon-menpiao"></text>
											<text style="font-size: 28upx;" class="home-text">门票</text>
										</view>
									</view>
									<view class="icon-box" @click="goToHotelList()">
										<view>
											<text style="font-size: 40upx;margin-right: 10upx;color: #0092ff;" class="iconfont icon-jiudian1"></text>
											<text class="home-text">酒店</text>
										</view>
									</view>
									<!-- <view class="icon-box">
										<view>
											<text style="font-size: 40upx;margin-right: 10upx;color: #0092ff;" class="iconfont icon-xianlu"></text>
											<text class="home-text">线路</text>
										</view>
									</view> -->
									<view class="icon-box" @click="goToFoodlist()">
										<view>
											<text style="font-size: 40upx;margin-right: 10upx;color: #0092ff;" class="iconfont icon-meishi"></text>
											<text class="home-text">美食</text>
										</view>
									</view>
								</view>
								<view class="br"></view>
								<!-- <view class="dtination-video">
									<!- <video :src="recommendviedo[0].resource" controls="true" :poster="recommendviedo[0].previewImg"></video> -->
								<!-- <view class="huodong-info">
								
											<video id="myVideo{{index}}"  class='myVideo' style="display: {{ item.isPlay == true ? 'block' : 'none' }}; border-radius: 14rpx;" src='{{item.resource}}'  bindended="endPlayVideo" controls custom-cache="{{false}}">
											</video>
											<view class='myCover' style="display: {{ item.isPlay == true ? 'none' : 'block' }};">
												<view class='myCoverCon'>
													<image class='myCoverImg' src="{{item.previewImg}}"></image>
													<image class='myPalyButton' data-item="{{index}}" bindtap="playTheVideo" src="../images/play.png"></image>
												</view>
											</view>
										
									</view> -->
								<!-- </view> -->
								<view class="huodong">
									<block v-for='(item,index) in recommendviedo' :key='index'>
										<view class="huodong-info">
											<view class="huodong-video">
												<video id="myVideo" class='myVideo' style="border-radius: 14rpx;" v-if="item.isPlay == true" :src='item.resource'
												 @ended="endPlayVideo(item)" @pause="endPlayVideo(item)"></video>
												<view class='myCover' v-if="item.isPlay == false">
													<view class='myCoverCon'>
														<image class='myCoverImg' :src="item.previewImg"></image>
														<view class="myPalyButton">
															<image @click="playTheVideo(item)" src="../../static/img/play.png"></image>
														</view>

													</view>
												</view>
											</view>

											<!--                                    <view class="huodong-desc">-->
											<!--                                        <text style="font-size: 32rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">{{item.title}}</text>-->
											<!--                                        <text style="font-size: 28rpx;color: rgb(102,102,102)">{{item.createTime}}</text>-->
											<!--                                    </view>-->
										</view>
									</block>
								</view>
								<view class="video-introduce">
									<view class="introduce-title">
										<text>带您1分钟了解{{title}}</text>
									</view>
									<!-- <view class="introduce-tips">
										<text>查看更多视频图片</text>
									</view> -->
								</view>
								<view class="br"></view>
								<!-- <view class="introduce-text">{{digest}}
									<text style='color:#139aff;font-size:30rpx;letter-spacing: 3rpx;'>全文</text>
								</view> -->
								<view class="fz15 h-c sciene-con-box">
									<view class="sciene-con">
										<text>
											{{digest}}
										</text>
									</view>
									<view>
										<text decode class="c-btn" @click="viewtext" v-if="digest.length > 55">
											{{view_text}}
											<!-- <text class="iconfont icon-down"></text> -->
										</text>
									</view>
								</view>
							</view>
							<view class="br-division"></view>
							<!-- 当地推荐 -->
							<view class="localRecommend">
								<view class="localRecommend-title">
									<text>当地推荐</text>
								</view>
								<view class="recommend-tab">
									<block v-for="(item,index) in tebTitle1" :key="index">
										<view class="text-coleor" @click="activeColor(index)" :class="[index == currentIndex ? 'active-color' : '']">
											<text>{{item.title}}</text>
										</view>
									</block>
								</view>
							</view>
							<view class="recommend-list" v-if="currentIndex == 0">
								<block v-for="(item,index) in recommendFood" :key="index">
									<view class="recommend-list-info" @click="goTofoodInfo(item.id)">
										<view class="recommend-list-img">
											<image style="width: 100%;height: 100%;" :src="item.listImage"></image>
										</view>
										<view class="recommend-list-info-box">
											<view class="recommend-list-title">
												<text>{{item.title}}</text>
											</view>
											<view class="recommend-list-text">
												<text>{{item.digest}}</text>
											</view>
										</view>
									</view>
								</block>
							</view>
							<view class="recommend-list" v-if="currentIndex == 1">
								<block v-for="(item,index) in recommendScence" :key="index">
									<view class="recommend-list-info" @click="goToScenceInfo(item.id)">
										<view class="recommend-list-img">
											<image style="width: 100%;height: 100%;" :src="item.listImage"></image>
										</view>
										<view class="recommend-list-info-box">
											<view class="recommend-list-title">
												<text>{{item.title}}</text>
											</view>
											<view class="recommend-list-text">
												<text>{{item.digest}}</text>
											</view>
										</view>
									</view>
								</block>
							</view>
							<view class="recommend-list" v-if="currentIndex == 2">
								<block v-for="(item,index) in recommendHotel" :key="index">
									<view class="recommend-list-info" @click="goToHotelInfo(item.id)">
										<view class="recommend-list-img">
											<image style="width: 100%;height: 100%;" :src="item.listImage"></image>
										</view>
										<view class="recommend-list-info-box">
											<view class="recommend-list-title">
												<text>{{item.title}}</text>
											</view>
											<view class="recommend-list-texts" style="overflow:hidden;white-space:nowrap;text-overflow: ellipsis;">
												<text>{{item.address}}</text>
											</view>
										</view>
									</view>
								</block>
							</view>
							<view class="br-division"></view>
							<view class="periphery-recommend">
								<view class="periphery-recommend-title">
									<text>周边推荐</text>
								</view>
								<view>
									<scroll-view class="periphery-recommend-scroll" style="white-space: nowrap; display: flex" scroll-x="true"
									 @scroll="scroll" scroll-with-animation="true" upper-threshold="100">
										<block>
											<view class="scroll-box" v-for="(item,index) in recommendSpecial" :key="index" @click="onGoDetail(item)">
												<image :src="item.listImage" style="width: 100%;height: 100%;"></image>
											</view>
										</block>
									</scroll-view>
								</view>
							</view>
							<view class="br-division"></view>
							<view class="popular-travels">
								<view class="popular-travels-title">
									<text>热门游记</text>
								</view>
								<view class="popular-travels-list-boxs">
									<block v-for="(item,index) in recommendTravels" :key="index">
										<view class="popular-travels-list" @click="goToTravel(item.id)">
											<view class="popular-travels-list-img">
												<image :src="item.listImage" style="width: 100%;height: 100%;border-radius: 6px 6px 0px 0px;"></image>
												<view class="discover-travelist-aers" v-if="item.otherTitle">
													<text class="iconfont icon-location-fill" style="margin-right: 5upx;"></text>
													<text>{{item.otherTitle}}</text>
												</view>
											</view>

											<view class="popular-travels-list-info">
												<view class="popular-travels-list-text">
													<text>{{item.title}}</text>
												</view>
												<view class="popular-travels-role">
													<view class="popular-travels-list-headPortrait">
														<image style="width: 100%;height: 100%;border-radius: 50%;" :src="item.headPortrait"></image>
													</view>
													<view>
														<view class="popular-travels-list-author">
															<text>{{item.nickname}}</text>
														</view>
														<view class="popular-travels-list-time">
															<text>{{item.createTime}}</text>
														</view>
													</view>
												</view>

											</view>
										</view>
									</block>
								</view>
								<view style="margin-bottom:40upx;">
									<wxc-flex v-if='isNoMore' dir='left' main='center' cross='center' style='width:100%;margin-top:40upx;margin-bottom:40upx;'>
										<vline color='#DDDDDD' style="width:120upx; height:1upx;background: #DDDDDD;"></vline>
										<text class='font-r' style='font-size:24upx;color:#464646;margin-left:26upx;margin-right:26upx;'>没有更多数据啦</text>
										<vline color='#DDDDDD' style="width:120upx; height:1upx;background: #DDDDDD;"></vline>
									</wxc-flex>
								</view>

							</view>
							<!-- <view>
								<ynGallery :images="recommendSpecial." ></ynGallery>
							</view> -->

							<!-- <desitination></desitination> -->
						</scroll-view>
					</swiper-item>

					<!--发现-->
					<swiper-item>
						<scroll-view :scroll-y="true" style="height:100%">
							<view class="discover">
								<view class="discover-head">
									<view class="head-info">
										<block v-for="(item,index) in ztlist" :key="index">
											<view :class="[item.current ? 'title-texts' : 'image-info']" @click="onSelect(item)">
												<image :src="item.listImage"></image>
												<view class="overlay">

													<text>{{item.title}}</text>
												</view>
												<!-- <view class="san"> -->

												<!-- </view> -->
											</view>
										</block>
									</view>
									<view class="image-list" @touchmove.prevent.stop>
										<swiper indicator-active-color="rgba(0,0,0,0)" indicator-color="rgba(0,0,0,0)" :disable-touch="true" style="height: 100%;z-index: 999;"
										 :indicator-dots="indicatorDots" @change='changetab' :current="seleceIndex" previous-margin="20upx"
										 next-margin="20upx">
											<block v-for="(item,index) in ztlist" :key="index">
												<swiper-item @click="onGoDetail(item)">
													<view style="width: 100%;height: 100%;">
														<image :src="item.mainImage"></image>
													</view>
												</swiper-item>
											</block>
										</swiper>
										<!-- <image :src="listImage"></image> -->
									</view>
								</view>
								<view class="discover-scroll">
									<scroll-view style="white-space: nowrap; display: flex;" scroll-x="true" scroll-with-animation="true"
									 upper-threshold="100">
										<block v-for="(item,index) in youjitype" :key="index">
											<view class="scroll-box" @click="goTotravelSort(item.id,item.name)">
												<image :src="item.listImage" style="width: 100%;height: 100%;"></image>
												<view class="overlay">
													<view class="overlay-texts" style="">
														<text>{{item.name}}</text>
													</view>
												</view>
											</view>
										</block>
									</scroll-view>
								</view>
								<view class="popular-travels-list-boxs">
									<block v-for="(item,index) in travelist" :key="index">
										<view class="popular-travels-list" @click="goToTravel(item.id)">
											<view class="popular-travels-list-img">
												<image :src="item.listImage" style="width: 100%;height: 100%;border-radius: 6px 6px 0px 0px;"></image>
												<view class="discover-travelist-aers">
													<text class="iconfont icon-location-fill" style="margin-right: 5upx;"></text>
													<text>{{item.otherTitle}}</text>
												</view>
											</view>

											<view class="popular-travels-list-info">
												<view class="popular-travels-list-text">
													<text>{{item.title}}</text>
												</view>
												<view class="popular-travels-role">
													<view class="popular-travels-list-headPortrait">
														<image style="width: 100%;height: 100%;border-radius: 50%;" :src="item.headPortrait"></image>
													</view>
													<view>
														<view class="popular-travels-list-author">
															<text>{{item.nickname}}</text>
														</view>
														<view class="popular-travels-list-time">
															<text>{{item.sendTime}}</text>
														</view>
													</view>
												</view>

											</view>
										</view>
									</block>
									<wxc-flex v-if='isNoMore2' dir='left' main='center' cross='center' style='width:100%;margin-top:40upx;margin-bottom:40upx;'>
										<vline color='#DDDDDD' width='120upx' height='1px'></vline>
										<text class='font-r' style='font-size:24upx;color:#464646;margin-left:26upx;margin-right:26upx;'>没有更多数据啦</text>
										<vline color='#DDDDDD' width='120upx' height='1px'></vline>
									</wxc-flex>
								</view>

								<!-- <view class="discover-travelist">
							        <block v-for="(item,index) in travelist" :key="index">
							            <view class="popular-travels-list" @click="goToTravel(item.id)">
							                <view class="popular-travels-list-img">
							                    <image :src="item.listImage" style="width: 100%;height: 100%;border-radius: 6px 6px 0px 0px;"></image>
							                </view>
							                <view class="popular-travels-list-info">
							                    <view class="popular-travels-list-text">
							                        <text>{{item.title}}</text>
							                    </view>
							                    <view class="popular-travels-role">
							                        <view class="popular-travels-list-headPortrait">
							                            <image style="width: 100%;height: 100%;border-radius: 50%;" :src="item.headPortrait"></image>
							                        </view>
							                        <view>
							                            <view class="popular-travels-list-author">
							                                <text>{{item.nickname}}</text>
							                            </view>
							                            <view class="popular-travels-list-time">
							                                <text>{{item.sendTime}}</text>
							                            </view>
							                        </view>
							                    </view>
							                </view>
							            </view>
							        </block>
							    </view> -->
							</view>
						</scroll-view>
					</swiper-item>
					<!--推荐-->
					<swiper-item>
						<scroll-view :scroll-y="true" style="height:100%">
							<view class="recommend">
								<!--icon区域-->
								<view class="icons-list">
									<block v-for="(item,index) in icon_list" :key="index">
										<view class="list-info" @click="handleIcon(item)">
											<view class="img">
												<image :src="item.iconPath"></image>
											</view>
											<view class="name">
												<text>{{item.iconName}}</text>
											</view>
										</view>
									</block>
								</view>
								<!--热门景区-->
								<view class="scenic-list">
									<view class="scenic-title">
										<text class="title">热门景区</text>
										<text style="padding: 0 15upx;font-size: 30uxp;">·</text>
										<text class="title-child">门票极速订</text>
									</view>
									<view class="scenic-info">
										<block v-for="(item,index) in scenic_list" :key="index">
											<view class="item-info" @click='goScenicDetail(item.id)'>
												<view class="scenic-left">
													<image :src='item.listImage' style="border-radius: 10upx;"></image>
													<view class="address">
														<text>{{item.city}}</text>
													</view>
												</view>
												<view class="scenic-right">
													<view class="name">
														<text>{{item.title}}</text>
													</view>
													<view class="tips">
														<view class="tip-info" v-for="(item,index) in item.featureTip" :key="index">
															<text>{{item}}</text>
														</view>
													</view>
													<view class="comment-nums">
														<view style="color: #aaa;">
															<text></text>
														</view>
														<view class="price-info">
															<text style="font-size: 31upx;">￥</text>
															<text style="font-size: 47upx;">{{item.price || '0'}}</text>
															<text style="font-size: 28upx;">起</text>
														</view>
													</view>
												</view>
											</view>
										</block>
									</view>
									<view class="more" @click="moreScenic()">
										<text class="">查看更多</text>
										<text class="iconfont icon-right"></text>
									</view>
								</view>
								<!--精选住宿-->
								<view class="scenic-list">
									<view class="scenic-title">
										<text class="title">精选住宿</text>
										<text style="padding: 0 15upx;font-size: 30uxp;">·</text>
										<text class="title-child">早订更优惠</text>
									</view>
									<view class="scenic-info">
										<block v-for="(item,index) in hotel_list" :key="index">
											<view class="item-info" @click="onHotelClick(item.id)">
												<view class="scenic-left">
													<image :src='item.listImage' style="border-radius: 10upx;"></image>
													<view class="address">
														<text>{{item.city}}</text>
													</view>
												</view>
												<view class="scenic-right">
													<view class="name">
														<text>{{item.title}}</text>
													</view>
													<view class="tips">
														<view class="tip-info" v-for="(label,index) in item.label" :key="index">
															<text>{{label}}</text>
														</view>
													</view>
													<view class="comment-nums">
														<view style="color: #aaa;">
															<text></text>
														</view>
														<view class="price-info">
															<text style="31upx">￥</text>
															<text style="font-size: 47upx;">{{item.price || '0'}}</text>
															<text style="28upx">起</text>
														</view>
													</view>
												</view>
											</view>
										</block>
									</view>
									<view class="more" @click="moreHotel()">
										<text class="">查看更多</text>
										<text class="iconfont icon-right"></text>
									</view>
								</view>
								<!--线路-->
								<view class="scenic-list">
									<view class="scenic-title">
										<text class="title">精选线路</text>
										<text style="padding: 0 15upx;font-size: 30uxp;">·</text>
										<text class="title-child">跟着走就对了</text>
									</view>
									<view class="scenic-info">
										<block v-for="(item,index) in router_list" :key="index">
											<view class="item-info" @click="onGoLineRoad(item.id)">
												<view class="scenic-left">
													<image :src='item.listImage' style="border-radius: 10upx;"></image>
													<view class="address" v-if="item.city">
														<text>{{item.city}}</text>
													</view>
													<view class="travel-day">
														<text>{{item.travelDay}}</text>
													</view>
												</view>
												<view class="scenic-right">
													<view class="name">
														<text>{{item.title}}</text>
													</view>
													<view class="tips">
														<view class="tip-info" v-for="(item,index) in item.featureTip" :key="index">
															<text>{{item}}</text>
														</view>
													</view>
													<view class="comment-nums">
														<view style="color: #aaa;">
															<text></text>
														</view>
														<view class="price-info">
															<text style="31upx">￥</text>
															<text style="font-size: 47upx;">{{item.adultPrice || '0'}}</text>
															<text style="28upx">起</text>
														</view>
													</view>
												</view>
											</view>
										</block>
									</view>
									<view class="more" @click="moreRoad()">
										<text class="">查看更多</text>
										<text class="iconfont icon-right"></text>
									</view>
								</view>
							</view>
						</scroll-view>
					</swiper-item>
				</swiper>
			</view>
		</view>
	</view>

</template>

<script>
	import towerSwiper from '@/components/tower-swiper.vue';
	import wxcFlex from "@/components/custom/flex.vue"
	import searchbar from "@/components/search-bar.vue"
	// import mSearch from "@/mehao/zy-search/zy-search.vue"
	var keyword = "";
	var tempKeyword = "";
	var currentPage = 1;
	var currentPage2 = 1;
	var currentPage3 = 1;
	var inDateStr = null;
	var outDateStr = null;
	export default {
		components: {
			towerSwiper,
			wxcFlex,
			searchbar

		},
		data() {
			return {
				isFocus: false,
				isSearch: false,
				isNoMore: false,
				isNoMore2: false,
				datas: [],
				search_list: [],
				seleceIndex: 0,
				isTouch: false,
				indicatorDots: false,
				tebTitle: [{
						title: '目的地'
					},
					{
						title: '发现'
					},
					{
						title: '推荐'
					}
				],
				indexs: 0,
				tabs: [{
						title: '目的地',
						content: '内容一'
					},
					{
						title: '发现',
						content: '内容二'
					},
					{
						title: '推荐',
						content: '内容三'
					}
				],

				watch_list: [],
				introduction: "",
				isfull: true,
				view_text: "显示全文",
				citys: "",
				ids: '',
				digest: '',
				title: '',
				jisandi: [],
				currentJiSanId: '',
				currentIndex: 0,
				tebTitle1: [{
						title: "当地美食"
					},
					{
						title: "人气景区"
					},
					{
						title: "特色住宿"
					}
				],
				old: {
					scrollTop: 0
				},
				recommendviedo: [],
				recommendFood: [],
				recommendScence: [],
				recommendHotel: [],
				recommendTravels: [],
				recommendTravels_dis: [],
				recommendSpecial: [],


				//推荐

				icon_list: [{
						iconPath: '../../static/img/icon/menpiao.png',
						iconName: '门票',
						targetUrl: '/pages/scence/scencelist',
						type: '0'
					},
					{
						iconPath: '../../static/img/icon/jiudian.png',
						iconName: '酒店',
						targetUrl: '/pages/hotel/hotelseach',
						type: '0'
					},
					{
						iconPath: '../../static/img/icon/gentuan.png',
						iconName: '线路',
						targetUrl: '/pages/lineroad/lineroad'
					},
					{
						iconPath: '../../static/img/icon/meishi.png',
						iconName: '美食',
						targetUrl: '/pages/food/foodlist_new',
						type: '0'
					},
					{
						iconPath: '../../static/img/icon/nongjiale.png',
						iconName: '乡村游',
						targetUrl: '/pages/agritainment/agritainment'

					},
					{
						iconPath: '../../static/img/icon/zhoubianyou.png',
						iconName: '周边游',
						targetUrl: '/pages/peripheryplay/peripheryplay'
					},
					{
						iconPath: '../../static/img/icon/yueche.png',
						iconName: '约车',
						targetUrl: '../webview/webview?src=' + 'https://taxi.gsyaxon.com/vn-taxi-api-ssl/mobile/callInfo/callInfo.html',
						type: '3'
					},
					{
						iconPath: '../../static/img/icon/jiuyuan.png',
						iconName: '救援',
						targetUrl: '/pages/helplist/helplist'
					},
					{
						iconPath: '../../static/img/icon/zijiayou.png',
						iconName: '自驾游',
						targetUrl: '/pages/owndrive/owndrive'
					},
					{
						iconPath: '../../static/img/icon/canyin.png',
						iconName: '餐饮',
						targetUrl: '/pages/restaurant/restaurant'
					},
					{
						iconPath: '../../static/img/icon/jiaotong.png',
						iconName: '交通',
						targetUrl: '/pages/traffic/traffic'
					},
					{
						iconPath: '../../static/img/icon/jisandi.png',
						iconName: '集散地',
						targetUrl: '/pages/distributionlist/distributionlist'
					}
				],
				scenic_list: [],
				hotel_list: [],
				router_list: [],

				//发现

				ztlist: [],
				listImage: '',
				youjitype: [],
				travelist: []
			};

		},
		onLoad: function(option) {
			this.getNewDistributionList("旅游目的地")
			//推荐
			this.getList();
			this.getHotelList();
			this.getRouterList();
			//发现
			this.getZtList();
			this.getYoujiType("发现-游记分类");
			// this.getNewTravels_discover("目的地-热门游记");
		},
		onReachBottom: function() {
			console.log(123132132)
			console.log("this.isNoMore", this.isNoMore)
			console.log("this.isNoMore2", this.isNoMore2)
			if (!this.isNoMore && !this.isSearch) {
				// this.getHotelList();
				this.getNewTravels_discover("目的地-热门游记");

			}
			if (!this.isNoMore2 && !this.isSearch) {
				this.getNewTravels("目的地-热门游记")
			}
		},
		methods: {
			goDetail: function(item, id) {
				console.log("选中的数据------------>", item, id)
				switch (item.bustype) {
					//景区
					case "1":
						uni.navigateTo({
							url: '/pages/scence/scencedetail?id=' + id,
							animationType: 'pop-in',
							animationDuration: 200
						})
						break;
						//酒店
					case "2":
						uni.navigateTo({
							url: '/pages/hotel/hoteldetail?hotelid=' + id + "&inDate=" + "&outDate=" + "&trueInDate=" + "&trueOutDate=",
							animationType: 'pop-in',
							animationDuration: 200
						})
						break;
						//集散地
					case "3":
						uni.navigateTo({
							url: '/pages/basedetail/basedetail?id=' + id,
							animationType: 'pop-in',
							animationDuration: 200
						})
						break;
						//餐厅
					case "4":

						break;
						//美食
					case "5":
						uni.navigateTo({
							url: '/pages/fooddetail/fooddetail?id=' + id,
							animationType: 'pop-in',
							animationDuration: 200
						})

						break;
						//游记
					case "6":
						uni.navigateTo({
							url: '/pages/travelDetail/travelDetail?id=' + id,
							animationType: 'pop-in',
							animationDuration: 200
						})
						break;
				}
				// this.isSearch = !this.isSearch

			},
			onSearchConfirm: function(e) {
				var title = e.detail.value;
				if (title) {
					this.getSearchList(title);
				}
			},
			getSearchList: function(title) {
				var params = {
					pageIndex: '1',
					pageSize: "3",
					channelType: '1',
					title: title
				}
				this.$postApi(this.$path.HOME_SEARCH, params).then(res => {
					console.log("搜索返回数据-------------->", res.data);
					if (res.data.success) {
						let list = res.data.data;
						list.forEach(item => {
							switch (item.bustype) {
								case "1":
									item.type = "景区"
									break;
								case "2":
									item.type = "酒店"
									break;
								case "3":
									item.type = "集散地"
									break;
								case "4":
									item.type = "餐厅"
									break;
								case "5":
									item.type = "美食"
									break;
								case "6":
									item.type = "游记"
									break;
							}
							item.list.forEach(i => {
								i.listImage = this.pub.delLastf(i.listImage)
							})
						})
						this.search_list = list
						console.log("this.search_list---------------->", this.search_list)
					} else {

					}
				})
			},
			onSearchShow: function(e) {
				// if(!e){
				this.isSearch = !this.isSearch
				// }
				this.isFocus = !this.isFocus
			},
			//发现页changeswiper
			changetab: function(e) {
				console.log(e);
				let item = e.detail;
				this.ztlist.forEach(item => {
					item.current = false
				})
				this.ztlist[item.current].current = true
			},
			//icon跳转
			handleIcon: function(item) {
				//跳转其他小程序
				if (item.type == '3') {
					uni.navigateToMiniProgram({
						appId: 'wx6e5983834bc2ac06',
						path: '',
						success: res => {
							console.log("唤醒成功")
						},
					})

				} else {
					uni.navigateTo({
						url: item.targetUrl,
						animationType: 'pop-in',
						animationDuration: 200
					})
				}



			},
			//发现
			goTotravelSort: function(id, name) {
				console.log(name)
				uni.navigateTo({
					url: '/pages/travelDetail/travelist?id=' + id + '&name=' + name,
					animationType: 'pop-in',
					animationDuration: 200
				})
			},
			onSelect: function(e) {
				console.log("E--------------.》", e)
				let item = e
				let index = 0
				this.ztlist.forEach(item => {
					item.current = false
					item.index = index
					index++
				})
				item.current = true
				this.seleceIndex = item.index

			},
			getYoujiType: function(attribute) {
				var params = {
					pageIndex: '1',
					pageSize: '8',
					channelType: '1',
					attribute: attribute
				}
				this.$postApi(this.$path.GET_TRAVEL_TYPE, params).then(res => {
					console.log("游记分类返回数据--------------->", res.data)
					if (res.data.success) {
						let list = res.data.data.list
						list.forEach(item => {
							item.listImage = this.pub.delLastf(item.listImage)
						})
						this.youjitype = list
					}
				})
			},
			onTabChange: function(e) {
				if (this.tabIndex == e.currentTarget.dataset.index)
					return
				currentPage = 1;
				this.tabIndex = e.currentTarget.dataset.index
				this.isNoMore = false;
				// this.getHotelList();
				this.getNewTravels_discover('目的地-热门游记');
				this.getNewTravels();
			},
			getZtList: function() {
				var params = {
					pageIndex: '1',
					pageSize: '6',
					channelType: '1',
					attribute: '发现-专题'
				}
				this.$postApi(this.$path.GET_ZTLIST, params).then(res => {
					console.log("专题返回数据------------——>", res.data);
					if (res.data.success) {
						let list = res.data.data.list;
						list.forEach(item => {
							item.mainImage = this.pub.delLastf(item.mainImage)
							item.listImage = this.pub.delLastf(item.listImage)
							item.current = false
						})
						list[0].current = true

						this.ztlist = list;
						this.listImage = this.ztlist[0].mainImage
						console.log("this.ztlist-------------->", this.ztlist);
					}
				})
			},
			getNewTravels: function(attribute) {
				// this.travelist = []
				var param = {
					channelType: '1',
					pageIndex: currentPage3,
					pageSize: '10',
					busid: this.currentJiSanId,
					attribute: attribute,
					// city:this.citys
				}
				this.$postApi(this.$path.GET_NEW_DESTINATION_TRAVELS, param).then(res => {
					console.log("返回参数游记列表", res)
					if (res.data.success) {
						let list = res.data.data.list
						list.forEach(item => {
							item.listImage = this.pub.delLastf(item.listImage)
						})

						// this.travelist = list

						if (currentPage3 == 1) {
							var content = list
						} else {
							var content = this.travelist.concat(list)
						}

						var isNoMore = false
						var isEmpty = false

						if (content.length == 0) {
							isEmpty = true;
							isNoMore = false;
							console.log("content=0")
						} else if (!res.data.data.hasNextPage) {
							console.log("hasNextPage = false")
							//已经无再多数据
							isNoMore = true;
							isEmpty = false;
						}
						currentPage3++;
						this.travelist = content;
						this.isNoMore2 = isNoMore;
						this.isEmpty = isEmpty;
					}

				})
			},
			//推荐
			moreRoad: function() {
				uni.navigateTo({
					url: '/pages/lineroad/lineroad',
					animationType: 'pop-in',
					animationDuration: 200
				})
			},
			moreHotel: function() {
				uni.navigateTo({
					url: '/pages/hotel/hotelseach',
					animationType: 'pop-in',
					animationDuration: 200
				})
			},
			moreScenic: function() {
				uni.navigateTo({
					url: '/pages/scence/scencelist',
					animationType: 'pop-in',
					animationDuration: 200
				})
			},
			onHotelClick: function(id) {
				uni.navigateTo({
					url: '/pages/hotel/hoteldetail?hotelid=' + id + "&inDate=" + "&outDate=" + "&trueInDate=" + "&trueOutDate=",
					animationType: 'pop-in',
					animationDuration: 200
				})
			},
			onGoLineRoad: function(id) {
				uni.navigateTo({
					url: '/pages/lineroad/lineroaddetail?id=' + id,
					animationType: "pop-in",
					animationDuration: 200
				})
			},
			goScenicDetail(id) {
				uni.navigateTo({
					url: '/pages/scence/scencedetail?id=' + id,
					animationType: "pop-in",
					animationDuration: 200
				})
			},
			getRouterList() {
				let params = {
					pageIndex: '1',
					pageSize: '3',
					channelType: '1',
					lineType: '普通线路'
				}
				this.$postApi(this.$path.GET_LINEROAD_LIST, params).then(res => {
					console.log("推荐页-线路返回数据----------->", res.data)
					if (res.data.success) {
						let list = res.data.data.list;
						list.forEach(item => {
							item.listImage = this.pub.delLastf(item.listImage)
							let tmp = []
							if (item.featureTip) {
								item.featureTip.toString().split(';').forEach(item => {
									if (item) {
										tmp.push(item)
									}
								})
							}
							item.featureTip = tmp
						})
						this.router_list = list
						console.log("this.router_list----------------->", this.router_list)
					}
				})
			},
			getHotelList() {
				var params = {
					pageIndex: '1',
					pageSize: '3',
					channelType: '1'
				}
				this.$postApi(this.$path.GET_HOTEL_LIST_NEW, params).then(res => {
					console.log("酒店列表返回数据----------------->", res.data);
					if (res.data.success) {
						let list = res.data.data.list;
						list.forEach(item => {
							item.listImage = this.pub.delLastf(item.listImage)
							let tmp = []
							if (item.label) {
								item.label.toString().split(';').forEach(item => {
									if (item) {
										tmp.push(item)
									}
								})
							}
							item.label = tmp
						})
						this.hotel_list = list;
						console.log("this.hotel_list----------------->", this.hotel_list);
					}
				})
			},
			getList() {
				var params = {
					pageIndex: '1',
					pageSize: '3',
					channelType: '1'
				}
				this.$postApi(this.$path.GET_SCENIC_LIST, params).then(res => {
					console.log("景区门票列表返回数据------------->", res.data);
					if (res.data.success) {
						let list = res.data.data.list;
						list.forEach(item => {
							item.listImage = this.pub.delLastf(item.listImage);
							item.featureTip = item.featureTip ? item.featureTip.toString().split(';') : ''
							if (item.featureTip) {
								item.featureTip.pop()
							}
						})
						this.scenic_list = list;
						console.log("this.scenic_list----------------->", this.scenic_list);
					}
				})
			},
			changeFontSize: function(detail) {
				console.log(detail)
				var index = detail.detail.current;
				// var title = this.tabs[index].title
				console.log(index)
				this.indexs = index;

				// console.log(this.data.tabs[index].title)

			},
			clickFontSize: function(e) {
				console.log(e)
				var index = e
				this.indexs = index
			},

			swiperChange: function(e) {
				currentPage2 = 1
				console.log("item------------>", e)
				let item = e;
				if (!e) {
					return;
				}
				console.log("ffff-0", e)
				this.isfull = true
				this.title = item.title;
				this.currentJiSanId = item.code;
				this.digest = item.digest
				this.citys = item.city;
				this.view_text = "显示全文"
				console.log("当前选中目的地----------------->", item.title, this.currentJiSanId);
				console.log("当前选中的地域", this.citys)
				this.getNewVideo()
				this.getNewFood("目的地-当地推荐")
				this.getNewScence("目的地-当地推荐")
				this.getNewHotel()
				// this.getNewTravels("目的地-热门游记")
				this.getNewSpecial("发现-专题")
				this.getNewTravels_discover("目的地-热门游记");
				this.introduction = this.digest.slice();
				if (this.digest.length > 55) {
					this.digest = this.introduction.slice(0, 55) + '...'
				} else {
					this.digest = this.introduction
				}
			},
			getNewDistributionList: function(centreType) {
				var that = this;
				var param = {
					channelType: '1',
					pageIndex: '1',
					pageSize: '100',
					centreType: centreType
				}

				this.$postApi(this.$path.GET_NEW_DESTINATION_LIST, param).then(res => {
					console.log("目的地返回参数------------------->", res.data)
					// console.log(res)
					if (res.data.success) {

						var goods = this.jisandi.concat(res.data.data.list);

						goods.forEach(item => {
							item.otherImage = this.pub.delLastf(item.otherImage)
						})
						//交换兰州至中间位
						this.pub.exChangeArray(1, 8, goods)
						this.jisandi = goods;

						// console.log("进入选中目的地1------------->",this.jisandi)
						// console.log("进入选中目的地------------------->",this.jisandi[parseInt(this.jisandi.length/2)])
						this.currentJiSanId = this.jisandi[parseInt(this.jisandi.length / 2)].code;
						this.digest = this.jisandi[parseInt(this.jisandi.length / 2)].digest;
						this.title = this.jisandi[parseInt(this.jisandi.length / 2)].title;
						this.citys = this.jisandi[parseInt(this.jisandi.length / 2)].city;
						// this.ids = this.jisandi[this.jisandi.length/2].digest;
						console.log("当前选中目的地----------------->", this.jisandi[parseInt(this.jisandi.length / 2)].title, this.currentJiSanId,
							this.citys);
						//那轮播组件在少于4个的时候，显示不正常，这里再请求一次。临时这样处理，后面再排查这个bug
						// if (this.jisandi.length < 4) {
						// 	this.$postApi(this.$path.GET_NEW_DESTINATION_LIST,param).then(res=>{
						// 		if (res.data.success) {
						// 			var goods = this.jisandi.concat(res.data.data.list);
						// 			this.jisandi = goods;
						// 		}
						// 	});
						// }
						this.introduction = this.digest.slice();
						if (this.digest.length > 55) {
							this.digest = this.introduction.slice(0, 55) + '...'
						} else {
							this.digest = this.introduction
						}
						// var special = this.city + "-周边推荐"
						this.getNewVideo()
						this.getNewFood("目的地-当地推荐")
						this.getNewScence("目的地-当地推荐")
						this.getNewHotel("目的地-当地推荐")
						this.getNewTravels("目的地-热门游记")
						this.getNewSpecial("发现-专题")
						this.getNewTravels_discover("目的地-热门游记");
					}
				})
			},
			playTheVideo: function(e) {
				console.log("------------------------", e)
				let temp = e;

				temp.isPlay = true;
				this.recommendviedo[0] = temp
				let videoContext = uni.createVideoContext('myVideo');
				videoContext.play();
				console.log("this.recommendviedo-------------->", this.recommendviedo);
			},

			endPlayVideo: function(e) {
				let item = e;
				item.isPlay = false;
				this.recommendviedo[0] = item;
				let videoContext = uni.createVideoContext('myVideo')
				videoContext.exitFullScreen();
			},
			activeColor: function(e) {
				this.currentIndex = e
				console.log(e)
			},
			viewtext() { // 查看全文
				if (this.isfull) {
					this.digest = this.introduction
					this.view_text = '收起'
					this.isfull = false
				} else {
					this.introduction = this.digest.slice()
					this.digest = this.introduction.slice(0, 55) + '...'
					this.view_text = '显示全文'
					this.isfull = true
				}
			},
			showAll() {
				if (this.ischange) {
					this.scenic_spots = this.scenic_spots_all
					this.all_text = '点击收起'
					this.ischange = false
				} else {
					this.scenic_spots_all_clone = this.scenic_spots_all.slice();
					this.scenic_spots = this.scenic_spots_all_clone.splice(0, 4)
					this.all_text = '点击显示全部'
					this.ischange = true
				}
			},
			getNewFootList: function() {

				var that = this;
				var param = {
					channelType: '1',
					pageIndex: "1",
					pageSize: '10'
				}

				this.$postApi(this.$path.GET_NEW_DESTINATION_LIST, param).then(res => {
					console.log("返回参数??????", res)

				})
			},
			getNewVideo: function(attribute) {
				this.recommendviedo = []
				var param = {
					channelType: '1',
					pageIndex: "1",
					pageSize: '10',
					busid: this.currentJiSanId
					// attribute:attribute
				}
				// console.log(this)
				this.$postApi(this.$path.GET_NEW_DESTINATION_VIDED, param).then(res => {

					let list = res.data.data.list;

					if (list) {
						list.forEach(item => {
							item.isPlay = false;
						})
					}

					this.recommendviedo = list;

					console.log("返回视频参数>>>>>>>>>>>>>>", res.data)
				})
			},
			scroll: function(e) {
				console.log(e)
				this.old.scrollTop = e.detail.scrollTop
			},
			getNewFood: function(attribute) {
				this.recommendFood = []
				var param = {
					channelType: 1,
					pageIndex: "1",
					pageSize: '4',
					busid: this.currentJiSanId,
					city: this.citys,
					attribute: attribute
				}
				this.$postApi(this.$path.GET_NEW_DESTINATION_FOOD, param).then(res => {
					console.log("返回参数美食列表", res)
					if (res.data.success) {
						var list = res.data.data.list
						list.forEach(item => {
							item.listImage = this.pub.delLastf(item.listImage)
						})
						this.recommendFood = list
					}
				})
			},
			getNewScence: function(attribute) {
				this.recommendScence = []
				var param = {
					channelType: '1',
					pageIndex: "1",
					pageSize: '4',
					busid: this.currentJiSanId,
					city: this.citys,
					attribute: attribute
				}
				console.log('景区列表______________请求参数', param)
				this.$postApi(this.$path.GET_SCENIC_LIST, param).then(res => {

					console.log("返回参数景区列表______________", res)
					if (res.data.success) {
						var list = res.data.data.list
						list.forEach(item => {
							item.listImage = this.pub.delLastf(item.listImage)
						})
						this.recommendScence = list
					}

				})
			},
			getNewHotel: function(attribute) {
				this.recommendHotel = []
				var param = {
					channelType: '1',
					pageIndex: "1",
					pageSize: '4',
					busid: this.currentJiSanId,
					city: this.citys,
					attribute: attribute
				}
				this.$postApi(this.$path.GET_HOTEL_LIST_NEW, param).then(res => {
					if (res.data.success) {
						console.log("目的地返回参数酒店列表", res)
						var list = res.data.data.list
						list.forEach(item => {
							item.listImage = this.pub.delLastf(item.listImage)
						})
						this.recommendHotel = list
					}
				})
			},
			getNewTravels_discover: function(attribute) {
				var that = this
				// this.recommendTravels = []
				var param = {
					channelType: '1',
					pageIndex: currentPage2,
					pageSize: '10',
					busid: this.currentJiSanId,
					attribute: attribute,
					city: this.citys
				}
				this.$postApi(this.$path.GET_NEW_DESTINATION_TRAVELS, param).then(res => {
					// this.recommendTravels = []

					// this.recommendTravels = res.data.data.list
					let list = res.data.data.list
					console.log("返回参数游记列表目的地", res)
					if (res.data.success) {
						list.forEach(item => {
							item.listImage = this.pub.delLastf(item.listImage)
						})

						if (currentPage2 == 1) {
							var content = list
						} else {
							var content = this.recommendTravels.concat(list)
						}

						var isNoMore = false
						var isEmpty = false

						if (content.length == 0) {
							isEmpty = true;
							isNoMore = false;
							console.log("content=0")
						} else if (!res.data.data.hasNextPage) {
							console.log("hasNextPage = false")
							//已经无再多数据
							isNoMore = true;
							isEmpty = false;
						}
						currentPage2++;
						this.recommendTravels = content;
						this.isNoMore = isNoMore;
						this.isEmpty = isEmpty;
					}
				})

			},
			getNewSpecial: function(attribute) {
				this.recommendSpecial = []
				var param = {
					channelType: '1',
					pageIndex: "1",
					pageSize: '10',
					busid: this.currentJiSanId,
					attribute: attribute
				}
				this.$postApi(this.$path.GET_ZTLIST, param).then(res => {
					console.log("返回参数专题列表", res)
					this.recommendSpecial = res.data.data.list
				})
			},
			goTofoodInfo: function(id) {

				uni.navigateTo({
					url: '/pages/travelDetail/travelDetail?id=' + id + '&pages=food',
					animationType: 'pop-in',
					animationDuration: 200
				})
			},
			goToHotelList: function(city) {
				uni.navigateTo({
					url: '/pages/hotel/hotelseach?city=' + this.citys,
					animationType: 'pop-in',
					animationDuration: 200
				})
			},
			goToHotelInfo: function(id) {
				uni.navigateTo({
					url: '/pages/hotel/hoteldetail?hotelid=' + id,
					animationType: 'pop-in',
					animationDuration: 200
				})
			},
			goToScenceInfo: function(id) {
				uni.navigateTo({
					url: '/pages/scence/scencedetail?id=' + id,
					animationType: 'pop-in',
					animationDuration: 200
				})
			},
			onlineClick: function(id) {
				uni.navigateTo({
					url: '/pages/lineroad/lineroaddetail?id=' + id,
					animationType: 'pop-in',
					animationDuration: 200
				})
			},
			goToAdmissionlist: function(id) {
				uni.navigateTo({
					url: '/pages/scence/scencelist?city=' + this.citys,
					animationType: 'pop-in',
					animationDuration: 200
				})
			},
			goToFoodlist: function(id) {
				uni.navigateTo({
					url: '/pages/restaurant/restaurant?city=' + this.citys,
					animationType: 'pop-in',
					animationDuration: 200
				})
			},
			goToTravel: function(id) {
				uni.navigateTo({
					url: '/pages/travelDetail/travelDetail?id=' + id,
					animationType: 'pop-in',
					animationDuration: 200
				})
			},
			//获取专题路线
			onGoDetail: function(item) {
				var item = item
				// var params = event.currentTarget.dataset.item.digest;
				console.log("item------------->", item);
				var temp = [];
				item.otherImage.split(";").forEach(i => {
					if (i !== '') {
						temp.push(i);
					}
				});
				let content = encodeURIComponent(JSON.stringify(temp));
				console.log("content------------->", content);
				uni.navigateTo({
					url: '../special/special?content=' + content + "&title=" + item.title + "&params=" + item.digest,
				});
			},
			handleTouch: function() {
				// console.log("this.isTouch-------->",this.isTouch);
				this.isTouch = true;

			},
			//目的地swiper禁止页面滑动
			stopTouchMove: function() {
				// if(this.isTouch){
				// 	this.isTouch = !this.isTouch;
				// 	console.log("this.isTouch-------->",this.isTouch);
				// 	return false;
				// 	
				// }else{
				// 	console.log("this.isTouch-------->",this.isTouch);
				// 	return true;
				// }

				const query = uni.createSelectorQuery().in(this);
				query.select('#tower-swiper').boundingClientRect(data => {
					console.log("得到布局位置信息" + JSON.stringify(data));
					console.log("节点离页面顶部的距离为" + data.top);
				}).exec();
				query.touchMove.stop

			}


		}

	}
</script>

<style lang="scss">
	.all {
		height: 100%;
		min-height: 100%;
	}

	.search-info {
		height: 100%;
		min-height: 100%;
		font-size: 32upx;
		background: #fff;

		image {
			width: 100%;
			height: 100%;
		}

		// background: #fff;
		padding: 50upx 0 20upx 0;

		// margin-top:20upx;
		.scenic-info {
			padding: 30upx 24upx 0 24upx;

			.title {
				padding: 20upx 0 20upx 0;
			}

			.item-info {
				padding-bottom: 20upx;
				display: flex;
				// height: 200upx;
				// margin-bottom: 20upx;
				// border-bottom:1upx solid #eee;
			}

			.scenic-left {
				position: relative;
				width: 137upx;
				height: 109upx;

				.address {
					position: absolute;
					top: 0;
					left: 0;
					font-size: 20upx;
					color: #fff;
					padding: 5upx 15upx 5upx 10upx;
					background: rgba($color: #000, $alpha: 0.6);
					border-bottom-right-radius: 13upx;
					border-top-left-radius: 10upx;
					// width: 100upx;
					// height: 40upx;
				}

				.travel-day {
					position: absolute;
					left: 0;
					bottom: 0;
					font-size: 24upx;
					color: #fff;
					width: 100%;
					padding: 5upx 10upx 5upx 10upx;
					background: rgba($color: #000, $alpha: 0.6);
					display: flex;
					justify-content: center;
				}
			}

			.scenic-right {
				position: relative;
				width: 70%;

				display: flex;
				flex-direction: column;
				justify-content: space-between;
				// align-items: flex-end;
				padding: 5upx 16upx;

				.name {
					// padding-top: 10upx;
					font-size: 34upx;
					color: #4d4d4d;
					letter-spacing: 1rpx;
					font-family: PingFang-SC-Bold;
					font-weight: bold;
					line-height: 40upx;
				}

				.tips {
					// padding: 6upx;
					margin-top: 16upx;
					display: flex;

				}

				.tip-info {
					display: flex;
					align-items: center;
					height: 40upx;
					color: #0092ff;
					font-size: 26upx;
					margin-right: 20upx;
					border-radius: 8upx;
					padding: 20upx 10upx;
					border: 1upx solid #0092ff;
				}

				.comment-nums {
					// display: flex;
					// align-items: flex-end;
					// justify-content: space-between;
					// margin-right: 26upx;
					font-size: 28upx;
					// position: absolute;
					// bottom: 0;
					// left: 0;

					.price-info {

						// letter-spacing: 6upx;
						font-size: 32upx;
						color: #ff4d1d;

						text {
							margin-left: 3upx;
						}
					}
				}
			}
		}
	}

	.home-new {
		height: 100%;
		min-height: 100%;
		font-size: 32upx;
		background: #fff;

		image {
			width: 100%;
			height: 100%;
		}
	}

	.teb {
		/* padding-top: 150rpx; */
		height: 100%;
	}

	.head {

		position: relative;
		display: flex;
		background: #fff;
		padding-top: 90upx;
		padding-bottom: 25upx;
		width: 100%;

	}

	.head-list {
		margin-left: 20upx;
		display: flex;
		width: 58%;
		justify-content: space-around;
		align-items: flex-end;
	}

	.head head-list {
		display: flex;
		align-items: flex-end;
	}

	.search-icon {
		width: 20%;
		display: flex;
		margin-left: 20upx;
		align-items: center;
		padding-top: 15upx;

		text {
			font-size: 40upx;
		}

		// position: absolute;
		// right: 0;
		// top: 0;

	}

	.title-text1 {
		/* line-height: 50upx; */
		font-family: PingFang-SC-Medium;
		font-size: 42upx;
		display: table-cell;
		vertical-align: bottom;
		padding-bottom: 2upx;
		transition: font-size 0.15s;
		-moz-transition: font-size 0.15s;
		/* Firefox 4 */
		-webkit-transition: font-size 0.15s;
		/* Safari 和 Chrome */
		-o-transition: font-size 0.15s;
	}

	.title-texts {
		font-family: PingFang-SC-Bold;
		font-size: 56upx;
		font-weight: 600;
		letter-spacing: 2upx;
	}

	/*
目的地
*/

	.discover-travelist-aers {
		padding: 5upx 12upx;
		background-color: #353638;
		border-radius: 20upx;
		opacity: 0.9;
		position: absolute;
		bottom: 15upx;
		left: 15upx;
		font-family: PingFang-SC-Bold;
		font-size: 20upx;
		font-weight: normal;
		font-stretch: normal;
		letter-spacing: 0upx;
		color: #ffffff;
	}

	.scroll-box {
		display: inline-block;
		width: 396upx;
		height: 502upx;
		margin-right: 20upx;

		image {
			border-radius: 6px;
		}
	}

	.icon-box {
		width: 31%;
		text-align: center;
	}

	.periphery-recommend {
		padding-bottom: 55upx;
		padding-left: 24upx;

	}

	.sciene-con-box {
		position: relative;

		.sciene-con {
			// font-weight: 300;
			// font-family: PingFang-SC-Medium;
			color: #4d4d4d;
			font-size: 30upx;
			line-height: 44upx;

		}

		.c-btn {
			color: rgb(0, 146, 255);
			margin-left: 10upx;
			position: absolute;
			// bottom: 0upx;
			right: 20upx;
		}
	}

	.periphery-recommend-title {
		padding: 57upx 0 35upx 0;
		font-family: PingFang-SC-Bold;
		font-size: 44upx;
		font-weight: bold;
		font-stretch: normal;
		letter-spacing: 0upx;
		color: #000000;
	}

	.periphery-recommend-scroll {
		white-space: nowrap;
		display: flex
	}

	.popular-travels-role {
		display: flex;
		padding-bottom: 36upx;
	}

	.popular-travels-list-headPortrait {
		width: 36upx;
		height: 36upx;
		margin-right: 8upx;
		// border-radius: 50%;
	}

	.popular-travels-list-author {
		margin-bottom: 10upx;
		font-family: PingFang-SC-Medium;
		font-size: 26upx;
		font-weight: normal;
		font-stretch: normal;
		letter-spacing: 0upx;
		color: #333333;
		opacity: 0.9;
	}

	.popular-travels-list-time {
		font-family: PingFang-SC-Medium;
		font-size: 20upx;
		font-weight: normal;
		font-stretch: normal;
		letter-spacing: 0upx;
		color: #999999;
		opacity: 0.9;
	}

	.popular-travels-title {
		padding: 57upx 0 17upx 24upx;
		font-family: PingFang-SC-Bold;
		font-size: 44upx;
		font-weight: bold;
		font-stretch: normal;
		letter-spacing: 0upx;
		color: #000000;
	}

	.popular-travels-list {
		width: 48.5%;
		margin-bottom: 24upx;
		background-color: #f3f4f8;
		border-radius: 0px 0px 6px 6px;

		.popular-travels-list-info {
			padding: 20upx 13upx 0 13upx;
		}
	}

	.popular-travels-list-boxs {
		background: #fff;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 18upx 24upx 24upx 24upx;

		.popular-travels-list-img {
			position: relative;
			width: 100%;
			height: 267upx;
		}

		.popular-travels-list-text {
			line-height: 40upx;
			margin-bottom: 20upx;
			font-family: PingFang-SC-Bold;
			font-size: 32upx;
			font-weight: 600;
			font-stretch: normal;
			letter-spacing: 0upx;
			color: #1a1a1a;
		}

	}

	.recommend-list {
		padding: 0 24upx 24upx 24upx;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.recommend-list-info {
		width: 48.5%;

		.recommend-list-img {
			height: 272upx;

			// background: red;zheu
			image {
				border-radius: 6upx 6upx 0 0;
			}
		}

		margin-bottom: 24upx;
	}

	.recommend-list-info-box {
		// height: 165upx;
		background-color: #f3f4f8;
		border-radius: 0px 0px 6px 6px;
		padding: 20upx 0 30upx 18upx;

		.recommend-list-title {
			overflow: hidden;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
			display: -webkit-box;
			-o-text-overflow: ellipsis;
			text-overflow: ellipsis;

			// margin-bottom: 12upx;
			font-family: PingFang-SC-Bold;
			font-size: 36upx;
			font-weight: 600;
			font-stretch: normal;
			letter-spacing: 0upx;
			color: #1a1a1a;
			// padding-bottom: 10upx;
		}

		.recommend-list-text {
			padding-top: 10upx;
			line-height: 38upx;
			overflow: hidden;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			display: -webkit-box;
			text-overflow: ellipsis;
			font-family: PingFang-SC-Medium;
			font-size: 26upx;
			font-weight: normal;
			font-stretch: normal;
			// line-height: 35px;
			letter-spacing: 1upx;
			color: #808080;
		}

		.recommend-list-texts {
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			padding-top: 10upx;
			line-height: 38upx;
			font-family: PingFang-SC-Medium;
			font-size: 26upx;
			font-weight: normal;
			font-stretch: normal;
			// line-height: 35px;
			letter-spacing: 1upx;
			color: #808080;
		}

	}

	.localRecommend {
		.localRecommend-title {

			font-family: PingFang-SC-Bold;
			font-size: 44upx;
			font-weight: bold;
			font-stretch: normal;
			letter-spacing: 0upx;
			color: #000000;
		}

		.recommend-tab {
			padding-top: 38upx;
			display: flex;
			font-family: PingFang-SC-Regular;
			font-size: 30upx;
			font-weight: normal;
			font-stretch: normal;
			letter-spacing: 0upx;
			color: #999999;

			.text-coleor {
				padding: 8upx 20upx;
				border-radius: 6upx;
				border: solid 1upx #999999;
				margin-right: 15upx;
			}
		}

		padding: 50upx 25upx;
	}

	.br-division {
		height: 22upx;
		background-color: #f7f7f7;
	}

	.introduce-text {
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		// overflow: hidden;
		// text-overflow: ellipsis;
		// -webkit-line-clamp: 3;
		// -webkit-box-orient: vertical;
		// display: -webkit-box;
		// display:inline-block;
		font-family: PingFang-SC-Medium;
		font-size: 32upx;
		font-weight: normal;
		font-stretch: normal;
		line-height: 47upx;
		letter-spacing: 0upx;
		color: #4d4d4d;
		align-content: center;
		line-height: 58rpx;
		padding-top: 30rpx;
		box-sizing: border-box;
		color: #4D4D4D;
		position: relative;
		font-size: 32rpx;
		width: 100%;
		padding-left: 24rpx;
		padding-right: 24rpx;


	}

	.home-text {
		font-size: 28upx;
	}

	.jingxuan-view {
		width: 100%;
		height: 100%;
		/* height: auto; */
		/* margin-right: 24upx; */
		/* background: #007AFF; */
		position: relative;
	}

	.jingxuan-view .jingxuan-item {
		width: 100%;
		height: 620upx;
		// margin-top: 6upx;
		display: flex;
		position: relative;
		flex-direction: column;
		// align-items: center;
		/* background-color: red; */
		background-color: #ffffff;
		box-sizing: border-box;
		// padding: 13upx 10upx 0upx 10upx;
		box-shadow: 1upx 4upx 16upx 0upx rgba(0, 0, 0, 0.14);
		border-radius: 10upx;

		.left-button,
		.right-button {
			font-size: 100upx;
			position: absolute;
			top: 45%;
			color: #eee;
		}

		.right-button {
			right: 0;
		}
	}

	.jingxuan-view .jingxuan-item .title2 {
		padding-top: 10upx;
		padding-left: 28upx;
		font-family: PingFang-SC-Bold;
		font-size: 56upx;
		font-weight: medium;
		text-align: left !important;
		// letter-spacing: -2upx;
		// color: #ffffff;
	}

	.jingxuan-view .jingxuan-item .title3 {
		padding-top: 10upx;
		padding-left: 28upx;
		font-family: PingFang-SC-Medium;
		font-size: 32upx;
		font-weight: normal;
		font-stretch: normal;
		// color: #fffefe;
		opacity: 0.9;
	}

	.jingxuan-view .jingxuan-item .i-jingxuan-box {
		width: 478upx;
		// height: 464upx;
		height: 100%;
		// border-radius: 4upx;
	}

	.jingxuan-view .jingxuan-item .i-jingxuan-item {
		width: 100%;
		height: 100%;
		border-radius: 10upx;
	}

	.jingxuan-view .jingxuan-item .price {
		width: auto;
		height: auto;
		display: flex;
		justify-content: center;
		align-items: baseline;
	}

	.jingxuan-view .jingxuan-item .price-value {
		font-size: 38upx;
		font-weight: bold;
		font-stretch: normal;
		line-height: 42upx;
		letter-spacing: 0px;
		color: #f45638;
	}

	.jingxuan-view .jingxuan-item .price-unit {
		font-size: 21upx;
		font-weight: bold;
		letter-spacing: 0upx;
		color: #f45638;
	}

	.jingxuan-view .jingxuan-item .btn {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 142upx;
		height: 49upx;
		background-image: linear-gradient(-58deg, #f84e69 0%, #f76b5d 50%, #f67359 64%, #f67d55 82%, #f58850 100%), linear-gradient(#8f8f8f, #8f8f8f);
		background-blend-mode: normal, normal;
		border-radius: 24upx;
		text-align: center;
		font-weight: bold;
		font-size: 30upx;
		color: white;
	}

	.dtination-title-icon {
		padding: 50upx 25upx;

		.title-icon-box {
			display: flex;
			justify-content: space-between;
		}

		.icon-box {
			background: #FFFFFF;
			padding: 20upx 30upx;
			border-radius: 8upx;
			box-shadow: 0px 0px 10px #d9d9d9
		}

		.br {
			width: 100%;
			height: 2upx;
			background: #ECECEC;
			margin: 40upx 0;
		}
	}

	.tower-item {
		// left:24upx !important;
	}

	.video-introduce {

		.introduce-title {
			// line-height: 56upx;
			margin-top: 24upx;
			font-family: PingFang-SC-Bold;
			font-size: 36upx;
			font-weight: 500;
			text-align: center;
			font-stretch: normal;
			// line-height: 56px;
			letter-spacing: 1upx;
			color: #1a1a1a;
		}

		.introduce-tips {
			font-family: PingFang-SC-Regular;
			font-size: 30upx;
			font-weight: normal;
			font-stretch: normal;
			// line-height: 56px;
			letter-spacing: 1upx;
			color: #808080;
			text-align: center;
		}
	}

	.dtination-video {
		width: 100%;
		height: 396upx;

		video {
			width: 100%;
			height: 100%;
			border-radius: 10upx;
			// opacity: 0.15;
		}
	}

	.active-color {
		background-color: #0092ff;
		color: #ffffff;
		border: none !important;
	}

	.swiper-item {
		overflow: visible !important;
	}

	.huodong {
		background: #fff;

		/*height: 500rpx;*/
		.tips {
			width: 100rpx;
			height: 50rpx;
			/*display: flex;*/
			position: absolute;
			top: 30rpx;
			/* background: rgba(255,255,255,0.3); */
			display: flex;
			justify-content: center;
			align-items: center;
			text-align: center;
			left: 0;
			border-radius: 0 24rpx 24rpx 0;
		}
	}

	.scroll-huodong {

		box-sizing: border-box;
		white-space: nowrap;
		width: 100%;
		/* height: 100%; */
		/*height: 520rpx;*/
		padding: 20rpx 20rpx 30rpx 0;
	}

	.huodong-info {
		position: relative;
		display: inline-block;
		/*position: relative;*/
		width: 100%;
		/*height: 400rpx;*/
		// margin-left: 23rpx;
		flex-direction: column;
		box-shadow: #f2f2f2 0px 0px 10px;
		/* box-shadow:black 0px 0px 10px; */
		border-top-left-radius: 12rpx;
		border-top-right-radius: 12rpx;
		/* border: red 1px solid; */
	}

	.huodong-img,
	.huodong-video {
		width: 100%;
		height: 396rpx;
		/*position: relative;*/
		/* border: orange 2px solid; */
	}

	.myVideoCon {
		margin-top: 15rpx;
		position: relative;
		box-sizing: border-box;
		width: 100%;
		height: 396rpx;
		padding-top: 40rpx;
		background-color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.myVideo {
		width: 100%;
		height: 396rpx;

	}

	.myCover {
		width: 100%;
		height: 396rpx;
		background-color: #fff;
		/*position: absolute;*/
		/*top: 40rpx;*/
		/*left: 0;*/
	}

	.myCoverCon {
		width: 100%;
		height: 396rpx;
		position: relative;
		/*display: flex;*/
		/*justify-content: center;*/
		/*align-items: center;*/
		/*background-color: #fff;*/
		/*position: absolute;*/
		/*top: 0;*/
		/*left: 0;*/
	}

	.myCoverImg {
		width: 100%;
		height: 396rpx;
		border-radius: 14rpx;
		/*position: absolute;*/
		/*top: 0;*/
		/*left: 0;*/
	}

	.left-s {
		color: rgba(255, 255, 255, 0.7);
		/*color: #fff;*/
		display: flex;
		font-size: 28rpx;
		justify-content: center;
		align-items: center;
		text-align: center;
		/*background: #f2f2f2;*/
	}

	.left-s view {
		width: 100rpx;
		height: 44rpx;
	}

	.left-icons image {
		width: 100%;
		height: 100%;
	}

	.myPalyButton {
		width: 100rpx;
		height: 100rpx;
		position: absolute;
		/* top: 105rpx; */
		bottom: 35%;
		left: 45%;
		z-index: 200;
	}


	/*
	推荐
	*/

	.recommend {
		min-height: 100%;
		font-size: 32upx;
		background: #f7f7f7;
		font-family: PingFang-SC-Medium;

		image {
			width: 100%;
			height: 100%;
		}

		// padding-top: 22upx;

		/*
   	icon区域
   	*/
		.icons-list {
			height: 500upx;
			background: #fff;
			padding: 20upx 0 20upx 0;
			display: flex;
			color: #4d4d4d;
			font-size: 24upx;
			font-family: PingFang-SC-Medium;
			flex-wrap: wrap;
			align-items: center;
			justify-content: flex-start;
			width: 100%;

		}

		.list-info {
			margin-left: 10upx;
			width: 18%;
			// height: 100upx;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			display: flex;

			.img {
				width: 70upx;
				height: 68upx;
				margin-bottom: 15upx;
			}
		}

		/*
   	热门景区
   	*/
		.scenic-list {
			background: #fff;
			padding: 50upx 24upx 20upx 24upx;
			margin-top: 20upx;
		}

		.scenic-title {
			.title {
				font-family: PingFang-SC-Bold;
				font-size: 40upx;
				font-weight: 600;
				color: #000000;
				// font-weight: bold;
			}

			.title-child {
				color: rgb(77, 77, 77);
				font-family: PingFang-SC-Medium;
				color: #4d4d4d;
				font-size: 30upx;
				letter-spacing: 0upx;
			}
		}

		.scenic-info {
			padding: 30upx 0 0 0;

			.item-info {
				padding-bottom: 20upx;
				display: flex;
				// height: 250upx;
				margin-bottom: 20upx;
				border-bottom: 1upx solid #eee;
			}

			.scenic-left {
				position: relative;
				width: 40%;
				height: 216upx;
				border-radius: 10upx;

				image {
					border-radius: 10upx;
				}

				.address {
					position: absolute;
					top: 0;
					left: 0;
					font-size: 20upx;
					color: #fff;
					padding: 5upx 15upx 5upx 10upx;
					background: rgba($color: #000, $alpha: 0.6);
					border-bottom-right-radius: 13upx;
					border-top-left-radius: 10upx;
					// width: 100upx;
					// height: 40upx;
				}

				.travel-day {
					border-bottom-left-radius: 10upx;
					border-bottom-right-radius: 10upx;
					position: absolute;
					left: 0;
					bottom: 0;
					font-size: 24upx;
					color: #fff;
					width: 100%;
					padding: 5upx 10upx 5upx 10upx;
					background: rgba($color: #000, $alpha: 0.6);
					display: flex;
					justify-content: center;
				}
			}

			.scenic-right {
				position: relative;
				width: 61%;
				// display: flex;
				// flex-direction: column;
				// justify-content: space-between;
				// align-items: flex-end;
				padding: 0 16upx;

				.name {
					font-size: 34upx;
					color: #333;
					letter-spacing: 1rpx;
					font-family: PingFang-SC-Bold;
					font-weight: bold;
					display: -webkit-box;
					overflow: hidden;
					text-overflow: ellipsis;
					word-wrap: break-word;
					white-space: normal !important;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
					line-height: 40upx;
				}

				.tips {
					// padding: 6upx;
					margin-top: 16upx;
					display: flex;

				}

				.tip-info {
					display: flex;
					align-items: center;
					height: 40upx;
					color: #0092ff;
					font-size: 26upx;
					margin-right: 10upx;
					border-radius: 8upx;
					padding: 20upx 10upx;
					border: 1upx solid #0092ff;
				}

				.comment-nums {
					// display: flex;
					// align-items: flex-end;
					// justify-content: space-between;
					margin-right: 26upx;
					position: absolute;
					bottom: 0;
					right: 0;

					.price-info {

						// letter-spacing: 6upx;
						font-size: 32upx;
						color: #ff4d1d;

						text {
							margin-left: 3upx;
						}
					}
				}
			}
		}

		.more {
			text-align: center;
			color: #0092ff;
			// padding-bottom: 2upx;
		}

	}

	//发现
	.overlay-texts {
		width: 100%;
		word-break: break-all;
		white-space: normal;
		font-family: PingFang-SC-Bold;
		font-size: 28upx;
		font-weight: 600;
		font-stretch: normal;
		line-height: 36upx;
		letter-spacing: 1px;
		color: #ffffff;
	}

	.discover {
		min-height: 100%;
		font-size: 32upx;
		background: #F2F2F2;

		image {
			width: 100%;
			height: 100%;
		}

		// padding-top: 22upx;

		.scroll-box {
			border-radius: 6upx;
			display: inline-block;
			width: 208upx;
			height: 142upx;
			border-radius: 4upx;
			margin-right: 12upx;
			position: relative;

			.overlay {
				border-radius: 12upx;
				padding: 16upx 8upx 16upx 8upx;
				font-family: PingFang-SC-Bold;
				// display: flex;
				// justify-content: center;
				// align-items: center;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				// border-radius: 50%;
				background-color: rgba(0, 0, 0, .3);
				color: #fff;
				font-size: 32upx;
				// font-weight: 300;
			}
		}

		.discover-head {
			padding: 24upx;
			background: #fff;
			// height: 200upx;

			.head-info {
				padding: 0 14upx 0 14upx;
				display: flex;
				justify-content: flex-start;
				align-items: center;
			}

			.title-texts {
				// font-size:42upx;
				width: 100upx;
				height: 100upx;
				// transition: width  0.15s;
				// -moz-transition: width  0.15s;	/* Firefox 4 */
				// -webkit-transition: width  0.15s;	/* Safari 和 Chrome */
				// -o-transition: width  0.15s;

				position: relative;

				//  		margin-right: 25upx;
				// margin-left: 25upx;
				image {
					border-radius: 50%;
				}

				.overlay {
					display: flex;
					justify-content: center;
					align-items: center;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					border-radius: 50%;
					background-color: rgba(0, 0, 0, .5);
					color: #fff;
					letter-spacing: 2upx;
					font-family: PingFang-SC-Bold;
					font-size: 30upx;
					// font-weight: 300;
				}

				.san {
					position: absolute;
					bottom: -14upx;
					left: 28%;
					width: 0;
					height: 0;
					border-style: solid;
					border-width: 20upx 25upx 0 30upx;
					border-color: rgba(0, 0, 0, .5) transparent transparent transparent;
				}

			}

			.image-info {
				position: relative;
				margin: 0 22upx 0 22upx;
				width: 73upx;
				height: 73upx;

				image {
					border-radius: 50%;
				}

				.overlay {
					display: flex;
					justify-content: center;
					align-items: center;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					border-radius: 50%;
					background-color: rgba(0, 0, 0, .5);
					color: #fff;
					font-size: 22upx;
					font-weight: 300;
				}

			}

			.image-list {
				margin-top: 25upx;
				width: 100%;
				height: 330upx;

				image {
					border-radius: 14upx;
				}

				padding-bottom: 30upx;
				border-bottom: 1upx solid #EEE;
			}
		}

		.discover-scroll {
			padding: 19upx 0 19upx 24upx;
		}


		.popular-travels-role {
			display: flex;
			padding-bottom: 36upx;
		}

		.popular-travels-list-headPortrait {
			width: 36upx;
			height: 36upx;
			margin-right: 8upx;
			// border-radius: 50%;
		}

		.popular-travels-list-author {
			font-family: PingFang-SC-Medium;
			font-size: 26upx;
			font-weight: normal;
			font-stretch: normal;
			letter-spacing: 0upx;
			color: #333333;
			opacity: 0.9;
		}

		.popular-travels-list-time {
			font-family: PingFang-SC-Medium;
			font-size: 20upx;
			font-weight: normal;
			font-stretch: normal;
			letter-spacing: 0upx;
			color: #999999;
			opacity: 0.9;
		}

		.popular-travels-title {
			padding: 57upx 0 17upx 24upx;
			font-family: PingFang-SC-Bold;
			font-size: 44upx;
			font-weight: normal;
			font-stretch: normal;
			letter-spacing: 0upx;
			color: #000000;
		}

		.popular-travels-list {
			width: 48.5%;
			margin-bottom: 24upx;
			background-color: #f3f4f8;
			border-radius: 0px 0px 6px 6px;

			.popular-travels-list-info {
				padding: 20upx 13upx 0 13upx;
			}
		}

		.discover-travelist {
			width: 100%;
			background: #fff;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			padding: 24upx;

			.popular-travels-list-img {
				width: 100%;
				height: 267upx;
			}

			.popular-travels-list-text {
				margin-bottom: 30upx;
				font-family: PingFang-SC-Bold;
				font-size: 32upx;
				font-weight: 600;
				font-stretch: normal;
				letter-spacing: 0upx;
				color: #1a1a1a;
			}

		}
	}
</style>